<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  class={className}
  fill="none"
  height={size}
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  aria-label="Home Bookmark Icon"
>
  <path
    clip-rule="evenodd"
    d="M20.5936 8.92532L12 2L3.40636 8.92532C3.1471 9.16442 3 9.49843 3 9.84802L3 18.7352C3 19.4337 3.57563 20 4.28571 20L13 20L13 18.4823L4.54286 18.4823L4.54286 9.95761L12 4.0804L19.4571 9.95761V13L21 13V9.84803C21 9.49843 20.8529 9.16443 20.5936 8.92532Z"
    fill={color}
    fill-rule="evenodd"
  />
  <path
    d="M14.2899 14C14.1298 14 14 14.1204 14 14.2688V22.7312C14 22.8289 14.0572 22.9189 14.1493 22.9663C14.2415 23.0137 14.3541 23.0109 14.4435 22.9591L18 20.8976L21.5565 22.9591C21.6459 23.0109 21.7585 23.0137 21.8507 22.9663C21.9428 22.9189 22 22.8289 22 22.7312V14.2688C22 14.1204 21.8702 14 21.7101 14H14.2899Z"
    fill={color}
  />
  <path
    d="M14.2899 14C14.1298 14 14 14.1204 14 14.2688V22.7312C14 22.8289 14.0572 22.9189 14.1493 22.9663C14.2415 23.0137 14.3541 23.0109 14.4435 22.9591L18 20.8976L21.5565 22.9591C21.6459 23.0109 21.7585 23.0137 21.8507 22.9663C21.9428 22.9189 22 22.8289 22 22.7312V14.2688C22 14.1204 21.8702 14 21.7101 14H14.2899Z"
    stroke="white"
  />
</svg>
